<template>
  <div>
    <div class="shangpin">
      <van-icon name="arrow-left" @click="$router.go(-1)" />
      <span>版本信息</span>
    </div>
    <div class="banben">
      <span class="span1">当前版本</span>
      <span class="span2">{{data.versions}}</span>
    </div>
    <div class="xinxi">
      <div class="box1">版本信息</div>
      <div class="box2">{{data.infomation}}</div>
    </div>
  </div>
</template>

<script>
import {GetBanbenData} from "@/request/api"
export default {
  data() {
    return {
        data : []
    };
  },
  created(){
      GetBanbenData().then(res=>{
          console.log(res);
          this.data = res.data
      })
  }
};
</script>
 
<style lang = "less" scoped>
.shangpin {
  background-color: #003399;
  color: #fff;
  padding: 0.166667rem 0.066667rem;
  text-align: center;
  span {
    vertical-align: 0.03rem;
  }
  .van-icon {
    float: left;
    font-size: 0.186667rem;
  }
}
.banben {
  width: 100%;
  background-color: #fff;
  padding: 0.133333rem;
  color: #aaa;
  box-sizing: border-box;
  .span1 {
    color: #666;
  }
  .span2 {
      margin-left: 2.966667rem;
  }
}
.xinxi {
  width: 100%;
  margin-top: 0.133333rem;
  padding: 0.133333rem;
  background-color: #fff;
  box-sizing: border-box;
  .box1 {
    color: #666;
  }
  .box2 {
    color: #aaa;
  }
}
</style>